<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>使用JQuery实现Ajax程序</title>
		<!--导入Jquery程序库  -->
		<script type="text/javascript" src="..\js\jquery-1.12.4.js"></script>
		<script type="text/javascript">
			$(function(){
				$("#username").blur(function(){
					$.get("existsuser",{checkname:$(this).val()},function(result){
						if(result == 1){
								$("#msg").show().html("用户名被占用，不能被注册").css("color","red") ;
							}else if( result == 0){
								$("#msg").show().html("可以正常使用").css("color","green") ;
							}else{
								$("#msg").hidden().html("");
							}
					})
				});
			});
		</script>
	</head>
	<body>
		<form action="" mecthod="post">
			<p>用户名：<input type="text" id="username" name="username" />
			<p id="msg" style="display:none"></p>
			<input type="submit" value="注册">
		</form>
	</body>
</html>
